<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop  *ngIf="!isRoot">
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'more.Posts' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="post-content">
        <div class="user-cell payment" >
            <div class="user-cell-grid" *ngFor="let item of list;let i=index">
                <div class="house" >
                    <div class="house_content" *ngIf="item.type!='4'">
                        <div class="house_img" [style.background-image]="'url('+src+item.logo+')'"></div>
                        <div class="house_info">
                            <p><i class="iconfont icon-map_map"></i><font>{{item.address}}</font></p>
                            <p> 
                                <label for=""> <i class="iconfont icon-detail_sofa"></i><font>{{item.living}}</font> </label>
                                <label for=""> <i class="iconfont icon-detail_bed"></i><font>{{item.bedroom}}</font> </label>
                                <label for=""> <i class="iconfont icon-bad"></i><font>{{item.bathroom}}</font> </label>
                                <label for=""> <font>{{item.area}}{{_aunit(item.area_unit)}}{{_otherArea(item.area,item.area_unit)}}</font> </label>
                            </p>
                            <p>
                                <font>{{_cate(item.cate)}}</font>
                                <span >{{_unit(item.price_unit)}} {{item.price}}/{{_type(item.price_type)}}</span>
                            </p>
                        </div>
                    </div>
                    <div class="service_content" *ngIf="item.type=='4'">
                        <div class="service_img" [style.background-image]="'url('+src+item.img+')'"></div>
                        <div class="service_info">
                            <h5>{{item.title.replace('|',' ')}}</h5>
                            <p><font class="price">{{_unit(item.price_unit)}}{{item.price}}/Once</font>{{item.address}}  </p>
                            <p>
                                <span class="stars">
                                    <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                                    <i class="iconfont" [class.icon-star]="item.star>=2" [class.icon-star1]="item.star<2"></i>
                                    <i class="iconfont" [class.icon-star]="item.star>=3" [class.icon-star1]="item.star<3"></i>
                                    <i class="iconfont" [class.icon-star]="item.star>=4" [class.icon-star1]="item.star<4"></i>
                                    <i class="iconfont" [class.icon-star]="item.star>=5" [class.icon-star1]="item.star<5"></i>
                                </span> 
                                {{item.num}} reviews
                            </p>
                        </div>
                    </div>
                </div>
                <div class="house-btn">
                    <div class="btn-group">
                        <button ion-button (click)="goDetail({id:item.id,type:item.cate})">{{ 'more.Edit' | translate }}</button>
                        <button ion-button (click)="goto(renewlistPage)">{{ 'more.Renewpremiun' | translate }}</button>
                        <button ion-button >{{ 'more.Withdraw' | translate }}</button>
                        <button ion-button (click)="del({id:item.id,index:i,type:item.cate})">{{ 'more.Delete' | translate }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ion-content>